<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<title>Gift details</title>
	<link rel="stylesheet" href="../../css/lpxq.css"/>
</head>
<body>
	<div id="xq-container">
		
	</div>
</body>
<script src="../../../common/components/jquery-1.10.2.min.js"></script>
<script src="../../../common/components/ractive-legacy.js"></script>
<script src="../../../common/js/jquery.i18n.properties.js"></script>
<script src="../../public/js/constants.js"></script>
<script src="../../public/js/index.js"></script>
<script src="../../js/lpxq/lpxq.js"></script>
<script type="text/ractive" id="xq-template">
	<div>
		<div class="xq-head">
		    <!-- 详情图片S -->
			<div>
				<img class="xq-bimg" src="../../img/lpxq/lpxq.jpg">
			</div>
			<!-- 详情图片E -->
			
			<!-- 详情内容-1 S-->
			<div class="xq-nr">
				<div class="xq-lpxx-con" id="xqnr">
					<div>
						<img class="lp-logo" src="{{firstSlt}}" onerror="this.src='../../img/lpxq/default_logo.png'">
						<div class="ad-xtplb" style="display: block;">
							<div class="bottom-lists">
								<div class="PicBtn-a PicBtn-a-l" on-click="leftYd">
									<a class="PicBtn-left" href="javascript:void(0);"></a>
								</div>
								<div class="minPic">
									<ul class="gallery_demo_unstyled">
											{{#each o.lpsltList:i}}
												<li id="tu_{{i}}">
							 		       			<a class="ad-showbigpic" href="javascript:void(0);" >
														<img on-click="showPic" index="{{i}}" src="{{img}}{{fjdz}}" alt="" onerror="this.src='../../img/lpxq/default_logo.png'">
													</a>
							 					</li>
											{{/each}}
									</ul>
								</div>
								<div class="PicBtn-a PicBtn-a-r" on-click="rightYd">
									<a class="PicBtn-right" href="javascript:void(0);"></a>
								</div>
							</div>
						</div>
					</div>
					<div class="xq-lpxx">
						<span class="lpmc" title="{{o.lpmc}}"> {{o.lpmc}}  </span>
						<hr>
						<span class="dhxx"> 
							<span><label>Exchanged</label> <label>：</label><label>{{o.dhsl}}</label>times</span>
							<span class="xq-left"><label>remain</label> <label>：</label><label>{{o.lpsl-o.dhsl}}</label>piece</span>
							{{#if islogin}}
								<span class="xq-left"><label>You have{{dhlpmc}}</label> <label>：</label><label>{{o.yyjf}}</label> pieces</span>
							{{/if}}
						</span>
						<hr>
						<span class="dhjg"> 
							<span> 
								<label class="jg">{{dhlpmc}}Price</label>
								<label class="jgxx">{{o.jf}}</label>
							</span>
						</span>
	
						<button class="point" on-click="ljdh">
							<span> 
								<label class="point" >Exchange now</label>
							</span>
						</button>
					</div>
					<div class="xq-both"></div>
				</div>
			</div>
		</div>
		<div class="lpxq">
			<div class="xp-tit">
				<span id="lpxq-bananer">Gift details</span>
				<div class="xq-line"></div>
			</div>
		</div>
		<!-- 详情内容-1 E-->
		<div class="lpxq-lpxq">
			<!-- 详情-2 S -->
			<div class="lpxq-con">
				<!-- 产品参数 -->
				<!-- 
				<div class="lpxq-tit lpxq-cpcs">
					<div class="lpxq-title">
						<span> 产品参数 </span>
					</div>
					<div class="con-box  cs-box">
						<ul>
							<li>
								<label>商品名称</label> <label>：</label> <label class="cs-con" title="iPhone 7">iPhone7</label>
							</li>
							<li>
								<label>品牌</label> <label>：</label> <label class="cs-con" title="苹果">苹果</label>
							</li>
							<li>	
								<label>类型</label> <label>：</label> <label class="cs-con" title="消费类、数码">消费类、数码消费类、数码消费类、数码消费类、数码</label>
							</li>
							<li>
								<label>颜色</label> <label>：</label> <label class="cs-con" title="白色">白色</label>
							</li>
						</ul>
					</div>
				</div>
				-->
				<div class="lpxq-tit">
					<!-- 产品详情内容 -->
					<div class="lpxq-title">
						<span> Product description</span>
					</div>
					<div class="con-box xq-box" id="lpxxjs"></div>
				</div>
			</div>
		<!-- 详情-2 E -->

			<!---说明-->
			<div class="lpxq-sm">
				<h>About gift exchange</h>
				<span>
					Please pay attention to the balance of your current coin , ensuring that the price of the gift is lower than  you have.
				</span>
				<span>
					Once the gift is exchanged successfully,it will not be returned unless the quality issue.
				</span>
			</div>
		</div>
		

		
	
	    <!-- 同类推荐S 
		<div class="lpxq-list">
			<div class="tltj-tit">
				<div>
					<span>同类推荐</span>
				</div>
			</div>
			<div class="tj-list">
				<ul>
					<li>
						<div class="lpxx">
							<div class="xq-img">
								<img alt="" src="#">
							</div>
							<div>
								<div class="lpxx-mc">
									<a href="" class="point">联众（UME）迪士尼书包 BM0320A 蓝色</a>
								</div>
								<div class="lpxx-jf">
									<label>600</label>&nbsp{{dhlpmc}}
								</div>
							</div>
							<div class="xq-both"></div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		 同类推荐E -->
	</div>	
</script>
</html>